<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link rel="stylesheet" href="/static/main.css">
</head>
<body>
<section>
		<div class="top">
   			<div class="container">
   				<div class="top_class">
   					<a href="http://127.0.0.1:8000/main">首页</a> <span>|</span>
   					<a href="">地区</a>
   				</div>
   				<div class="top_cart">
   					<a href=""><i class="iconfont">&#xe63b;</i> 购物车<span> (0) </span></a>
   				</div>
   				<div class="top_userinfo clearfix">
   					<a href="">你好，请登录</a><span>|</span>
   					<a href="">免费注册</a> <span>|</span>
   					<a href="" class="sep">免费开店</a>
   				</div>
   			</div>
		</div>
		<div class="header">
			<div class="header_left"></div>
			<div class="header_center">
				<form action=" /dosearch/" method="post" class="search-form">
					<table>
						<input class="text" type="search" name="keyword" placeholder="关键字" />
						<input class="submit" type="submit" value="搜索"  />
					</table>
				</form>
				<a href="">男士用品</a><span>|</span>
				<a href="">女士用品</a> <span>|</span>
				<a href="">数码</a> <span>|</span>
				<a href="">零食</a> <span>|</span>
				<a href="">清洁</a> <span>|</span>
				<a href="">图书</a> <span>|</span>
				<a href="">酒水</a> <span>|</span>
				<a href="">收纳</a> <span>|</span>
				<a href="">美妆护肤</a>
			</div>
			<div class="header_right"></div>
		</div>
		<div class="body">
			<div class="body_img">
				<img src="/static/media/pic/1.jpg">
			</div>
			<div class="body_info">
				<div class="pic_info">
					<p><a href="http://127.0.0.1:8000/login/"><img src="/static/media/pic/1.jpg"></a></p>
				</div>
				<p><a href="http://127.0.0.1:8000/login/">用户名</a></p>
				<div class="submit">
					<a href="">购物车</a>
					<a href="">待收货</a>
					<a href="">待发货</a>
					<a href="">待付款</a>
					<a href="">待评价</a>
				</div>
				<div class="pic">
					<img src="/static/media/pic/1.jpg">
				</div>
			</div>
		</div>
		<div class="bottom">
			<div class="pic">
				<img src="/static/media/pic/1.jpg">
			</div>
			<div class="pic">
				<img src="/static/media/pic/1.jpg">
			</div>
			<div class="pic">
				<img src="/static/media/pic/1.jpg">
			</div>
			<div class="pic">
				<img src="/static/media/pic/1.jpg">
			</div>
			<div class="pic">
				<img src="/static/media/pic/1.jpg">
			</div>
			<div class="pic">
				<img src="/static/media/pic/1.jpg">
			</div>
			<div class="pic">
				<img src="/static/media/pic/1.jpg">
			</div>
			<div class="pic">
				<img src="/static/media/pic/1.jpg">
			</div>
			<div class="pic">
				<img src="/static/media/pic/1.jpg">
			</div>
			<div class="pic">
				<img src="/static/media/pic/1.jpg">
			</div>
		</div>
 	{% if messages %}
		 <script>
			{% for msg in messages %}
				 alert('{{ msg.message }}');
			{% endfor %}
		</script>
	{% endif %}
</section>
</body>
</html>